"); const contentContainer = document.createElement("div"); contentContainer.appendChild(content); message.appendChild(createReply(e)); message.appendChild(image); message.appendChild(createUserBanner(e)); message.appendChild(contentContainer); message.appendChild(messageAttachments(e)); const messageContainer = document.createElement("li"); messageContainer.id = `${e.channel_id}-${e.id}`; messageContainer.className = "message-container"; messageContainer.appendChild(message); return messageContainer; } function createCategory(e) { const text = document.createElement("h3"); text.className = "category"; text.innerHTML = e.name; return text; } function createChannelList() { const channelList = document.createElement("ul"); const categories = {}; channels.forEach((e) => { if (e.type == 4) { const category = document.createElement("li"); category.style.cssText = "height: 34;"; category.appendChild(createCategory(e)); categories[e.id] = [category]; } }); channels.forEach((e) => { if (e.parent_id && e.type == 0) { if (categories[e.parent_id]) { const channel = document.createElement("li"); channel.style.cssText = "height: 34; cursor: pointer;"; channel.className = "channel"; if (messages[0] !== undefined && e.id == messages[0][0].channel_id) channel.style.cssText += "color: #FFFFFF;" channel.innerHTML = `　${e.name}`; channel.onclick = () => { window.location.href = `${e.id}.html` } categories[e.parent_id].push(channel); } } }); for ([_, e] of Object.entries(categories)) { e.forEach((f) => { channelList.appendChild(f); }); }; return channelList; } function sidebar() { const bar = document.createElement("nav"); bar.className = "bar"; const guildText = document.createElement("div"); guildText.innerHTML = guildInfo.name; guildText.className = "guild-text"; const header = document.createElement("header"); header.appendChild(guildText); header.appendChild(createChannelList()); bar.appendChild(header); return bar; } function messagesContainer() { const ol = document.createElement("ol"); const messagesElement = document.createElement("main"); var count = 0; const params = new URLSearchParams(document.location.search); const from = parseInt(params.get("from")) || 0; var last = parseInt(params.get("n")) || 3000; last += from; var i = 0; messages.reverse().forEach(e => { e.reverse().forEach(f => { if (from <= i && i < last) { const messageElement = createMessageWrapper(f); ol.appendChild(messageElement); } i++; }); }); messagesElement.appendChild(ol); return messagesElement; } window.onload = () => { const body = document.getElementsByTagName("body")[0]; body.appendChild(sidebar()); body.appendChild(messagesContainer()); }